<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">
<h:head>
	<title>templateEditor</title>
	<meta http-equiv="Content-Type"
		content="application/xhtml+xml; charset=UTF-8" />
</h:head>
<h:body>
	<ui:composition template="../common/commonLayout.xhtml">
		<ui:define name="content">

			<h:outputScript library="js" name="/tiny_mce/tiny_mce.js"
				target="head" />
			<script type="text/javascript">
				tinyMCE
						.init({
							// General options
							mode : "textareas",
							theme : "advanced",
							plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",

							// Theme options
							theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
							theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
							theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
							theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
							theme_advanced_toolbar_location : "top",
							theme_advanced_toolbar_align : "left",
							theme_advanced_statusbar_location : "bottom",
							theme_advanced_resizing : true,

							// Example content CSS (should be your site CSS)
							content_css : "css/content.css",

							// Drop lists for link/image/media/template dialogs
							template_external_list_url : "lists/template_list.js",
							external_link_list_url : "lists/link_list.js",
							external_image_list_url : "lists/image_list.js",
							media_external_list_url : "lists/media_list.js",

							// Style formats
							style_formats : [ {
								title : 'Bold text',
								inline : 'b'
							}, {
								title : 'Red text',
								inline : 'span',
								styles : {
									color : '#ff0000'
								}
							}, {
								title : 'Red header',
								block : 'h1',
								styles : {
									color : '#ff0000'
								}
							}, {
								title : 'Example 1',
								inline : 'span',
								classes : 'example1'
							}, {
								title : 'Example 2',
								inline : 'span',
								classes : 'example2'
							}, {
								title : 'Table styles'
							}, {
								title : 'Table row 1',
								selector : 'tr',
								classes : 'tablerow1'
							} ],

							// Replace values for the template plugin
							template_replace_values : {
								username : "Some User",
								staffid : "991234"
							}
						});
			</script>



			<h:form>
				<div>
					<div>
						<textarea id="elm1" name="elm1" rows="15" cols="80"
							style="width: 100%">
			
			</textarea>
					</div>


					<h:commandButton type="submit" id="login"
						action="#{loginBean.login}" value="Login" />

					<h:commandButton immediate="true" ajax="false" id="index"
						value="Cancel" action="/index.xhtml" />
				</div>
			</h:form>
		</ui:define>
	</ui:composition>
	<script type="text/javascript">
		if (document.location.protocol == 'file:') {
			alert("The examples might not work properly on the local file system due to security settings in your browser. Please use a real webserver.");
		}
	</script>

</h:body>
</html>